<template>
  <div class="grid">
    <van-grid :column-num="5">
      <van-grid-item v-for="item in channel" :key="item.id" :icon="item.icon_url" @click="onClick(item.id)" :text="item.name" />
    </van-grid>
  </div>
</template>

<script>
export default {
  props: {
    channel: Array
  },
  methods:{
    onClick(e){
      this.$router.push('/channel/'+e)
    }
  }
};
</script>

<style lang="less" scoped>
.grid{
    border-top:0px 
}
</style>